<template>
 <div v-if="options && options">
	 
   <template v-if="!options.type || options.type.length === 0">
     
      <el-tag v-if="$attrs.row[field] == '未支付'" type="danger" size="small">{{$attrs.row[field]}}</el-tag>
      <el-tag v-else-if="$attrs.row[field] == '已支付'" type="success" size="small">{{$attrs.row[field]}}</el-tag>
	  
	  <el-tag v-if="$attrs.row[field] == '已出'" type="danger" size="small">{{$attrs.row[field]}}</el-tag>
	  <el-tag v-else-if="$attrs.row[field] == '未出'" type="success" size="small">{{$attrs.row[field]}}</el-tag>
	  
      <el-tag v-else type="info" size="small">{{$attrs.row[field]}}</el-tag>
    </template>

   <template v-else>
      <el-tag v-for="item in options.type" v-if="item.value === $attrs.row[field] || item.label === $attrs.row[field]" :type="item.type" size="small" >{{item.label}}</el-tag>
    </template>

  </div>
</template>

<script>
export default {
  name: "tag",
  props: {
    options: {
      value: Array,
      default() {
        return []
      }
    },
    field: {
      value: String,
      default() {
        return '';
      }
    },
    // type: {
    //   value: String,
    //   default() {
    //     return '';
    //   }
    // }
  },

}
</script>

<style scoped>

</style>
